<div>
    <div class="row ">
        <div class="col-md-2 bg-white padding">
            <div class="flex justify-start ">
                <div style="width: 60%;">
                    <input type="text" :placeholder="vc.i18n('请输入巡检点名称','inspectionPoint')"
                        v-model="inspectionPointInfo.conditions.inspectionName" class=" form-control">
                </div>
                <button type="button" class="btn btn-white btn-sm margin-left-xs"
                    v-on:click="_queryInspectionPointMethod()">
                    <vc:i18n name="查询" namespace="inspectionPoint"></vc:i18n>
                </button>
                <button type="button" class="btn btn-white btn-sm margin-left-xs"
                    v-on:click="_openAddInspectionPointModal()">
                    <vc:i18n name="添加" namespace="inspectionPoint"></vc:i18n>
                </button>

            </div>
            <div class="vc-org margin-top">
                <ul>
                    <li v-for="(point,index) in inspectionPointInfo.points" @click="_switchInspectionPoint(point)"
                        :class="{'vc-node-selected':point.inspectionId == inspectionPointInfo.point.inspectionId}">
                        {{point.inspectionName}}
                    </li>
                </ul>
            </div>
        </div>
        <div class="col-md-10 margin-top-xs vc-org-page">
            <div class="ibox ">
                <div class="ibox-title">
                    <h5>
                        <vc:i18n name="巡检点" namespace="inspectionPoint"></vc:i18n>
                    </h5>
                    <div class="ibox-tools">
                        <button class="btn-white btn btn-xs"
                            v-on:click="_openEditInspectionPointModel(inspectionPointInfo.point)">
                            <vc:i18n name="修改" namespace="inspectionPoint"></vc:i18n>
                        </button>
                        <button class="btn-white btn btn-xs"
                            v-on:click="_openDeleteInspectionPointModel(inspectionPointInfo.point)">
                            <vc:i18n name="删除" namespace="inspectionPoint"></vc:i18n>
                        </button>
                        <button class="btn-white btn btn-xs" v-on:click="_pointQrCode(inspectionPointInfo.point)">
                            <vc:i18n name="二维码" namespace="inspectionPoint"></vc:i18n>
                        </button>
                    </div>
                </div>
                <div class="ibox-content">
                    <div class="row">
                        <div class="col-sm-2">
                            <div class="form-group">
                                <label class="col-form-label">
                                    巡检点：
                                </label>
                                <label class="">{{inspectionPointInfo.point.inspectionName}}</label>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group">
                                <label class="col-form-label">
                                    巡检类型：
                                </label>
                                <label class="">{{inspectionPointInfo.point.pointTypeName}}</label>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group">
                                <label class="col-form-label">
                                    巡检位置：
                                </label>
                                <label class="">{{inspectionPointInfo.point.pointObjName}}</label>
                            </div>
                        </div>

                        <div class="col-sm-2">
                            <div class="form-group">
                                <label class="col-form-label">
                                    巡检项目：
                                </label>
                                <label class="">{{inspectionPointInfo.point.itemName}}</label>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group">
                                <label class="col-form-label">
                                    nfc：
                                </label>
                                <label class="">{{inspectionPointInfo.point.nfcCode}}</label>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="ibox ">

                <div class="ibox-content">
                    <div class="margin-top-sm">
                        <ul class="nav nav-tabs">
                            <li class="nav-item">
                                <a class="nav-link"
                                    v-bind:class="{active:inspectionPointInfo._currentTab == 'pointTaskDetail'}"
                                    v-on:click="changeTab('pointTaskDetail')">
                                    <vc:i18n name="巡检明细" namespace="inspectionPoint"></vc:i18n>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link"
                                    v-bind:class="{active:inspectionPointInfo._currentTab == 'pointRoute'}"
                                    v-on:click="changeTab('pointRoute')">
                                    <vc:i18n name="巡检路线" namespace="inspectionPoint"></vc:i18n>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link"
                                    v-bind:class="{active:inspectionPointInfo._currentTab == 'pointPlan'}"
                                    v-on:click="changeTab('pointPlan')">
                                    <vc:i18n name="巡检计划" namespace="inspectionPoint"></vc:i18n>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link"
                                    v-bind:class="{active:inspectionPointInfo._currentTab == 'pointTask'}"
                                    v-on:click="changeTab('pointTask')">
                                    <vc:i18n name="巡检任务" namespace="inspectionPoint"></vc:i18n>
                                </a>
                            </li>
                        </ul>
                    </div>

                    <div v-if="inspectionPointInfo._currentTab == 'pointTaskDetail'">
                        <vc:create path="inspection/pointTaskDetail"></vc:create>
                    </div>
                    <div v-if="inspectionPointInfo._currentTab == 'pointRoute'">
                        <vc:create path="inspection/pointRoute"></vc:create>
                    </div>
                    <div v-if="inspectionPointInfo._currentTab == 'pointPlan'">
                        <vc:create path="inspection/pointPlan"></vc:create>
                    </div>
                    <div v-if="inspectionPointInfo._currentTab == 'pointTask'">
                        <vc:create path="inspection/pointTask"></vc:create>
                    </div>
                    
                    
                </div>
            </div>
        </div>
    </div>


    <vc:create path="inspection/addInspectionPoint" callBackListener="" callBackFunction=""></vc:create>
    <vc:create path="inspection/editInspectionPoint"></vc:create>
    <vc:create path="inspection/deleteInspectionPoint"></vc:create>
    <vc:create path="inspection/inspectionPointQrCode"></vc:create>
</div>